@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{padding:0;margin:0 auto;} 
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,p,span,a{border:0;} 
img,input{border:none;vertical-align:middle;} 
body{font-family:Tahoma,Arial,Helvetica,"微软雅黑";font-size:12px;text-align:center;color:#000;min-width: 1000px;} 
html{overflow-y:scroll;} 
ul,ol{list-style-type:none;} 
th,td,input{font-size:12px;} 
h3{font-size:24px;} 
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;} 
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;} 
.clearfix:after{content:"";display:block;clear:both;} 
.clearfix{zoom:1;} 
a:link,a:visited{text-decoration:none;} 
a:hover,a:active{text-decoration:none;cursor: pointer;color: #60aff6;}
.clearfloat{clear: both;}

li,li p,li a,p,ul{color:#333333;}
.claer{ clear:both;}

/*宽度
******************************/
.w1200{width: 1200px;margin: 0 auto;}
.mw100{min-width: 1000px;}

/*边距
******************************/
.m0 { margin: 0!important; }
.m10 { margin:10px;}
.m15 { margin:15px !important;}
.m30 { margin:30px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt100 { margin-top:100px;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb70 { margin-bottom:70px !important;}
.mb100 { margin-bottom:100px !important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px !important;}
.ml200 { margin-left:200px !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px !important;}
.mr50 { margin-right:50px !important;}
.mr100 { margin-right:100px;}

/*边距
******************************/

.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px !important;}
.p30 { padding:30px;}
.p50 { padding:50px;}
.pt3 { padding-top:3px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px;}
.pt80 { padding-top:80px;}
.pt100 { padding-top:100px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb80 { padding-bottom:80px;}
.pb100 { padding-bottom:100px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}


/*定位
******************************/
.tl { text-align:left !important;}
.tc { text-align:center !important; }
.tr { text-align:right !important;}
.bc { margin-right:auto ;margin-left:auto;}
.fl { float:left; }
.fr { float:right !important;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.vm { vertical-align: middle;}
.vt { vertical-align: top;}
.pr { position:relative;}
.pa { position:absolute;}

/*----------------------------------------*/


/*-------------------index---begin--------------------------*/

 
.nav_big{ width:100%;height: 60px;margin:0 auto; background-color: #27303f;position: relative;}
.top{margin:0 auto; height:60px;}
.header{ height:60px; margin:0 auto;}
.logo{width:200px;float:left;} 
/* .nav{width:840px;float:left; height:60px;margin-left: 30px}
.nav ul li{ float:left; width:120px; position:relative;}
.nav ul li a{color:#fff; font-size:16px; display:inline-block; line-height:60px; width:120px; }
.nav ul li .yzcp{margin:0px 10px;}
.nav ul li:hover{ font-size:16px; display:inline-block; line-height:60px; background:#60aff6;height:60px; width:120px;}
.nav ul a:hover{ font-size:16px; display:inline-block; line-height:60px; } */

.login{ float:right;margin-top:20px;}
.login a{ font-size:14px; color:#fff; margin:0px 10px;}
.login span{ font-size:14px; color:#fff;}


.banner_english{ position:absolute; margin:0 auto; top:25%; left:45%;}
.banner_english h2{ font-size:18px; color:#fff; text-align:left;line-height: 30px;}

.banner_chinese {
    position: absolute;
    margin: 0 auto;
    top: 53%;
    left: 27%;
}
/*-------nav.head-v3-------*/
.head-v3{float:left;margin-left: 0px;}
.head-v3 .navigation-inner{margin:0 auto;position:relative}
.navigation-up{height:60px;}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{line-height:60px;font-weight:normal;padding:0;margin:0;font-size: 18px;}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:60px;left:0px;width:100%;z-index: 2;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:bold 16px "microsoft yahei";color:#fff;padding-bottom:10px;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#c2c3c6;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
.banner_chinese h1{ font-size:32px; color:#fff; text-align:left;line-height: 48px;    letter-spacing: 5px;}
/*--------二级菜单-------*/
.menu dl{
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    line-height: 40px;
    min-width: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 0px solid #d2d2d2;
    background-color: rgba(133,133,133,0.3);
    z-index: 999;
    border-radius: 2px;
    white-space: nowrap;
    animation:moveup 0.5s;
    -webkit-animation:moveup 0.5s; /*Safari and Chrome*/
}
@keyframes moveup
{
    from {top:100px;}
    to {top:60px;}
}

@-webkit-keyframes moveup /*Safari and Chrome*/
{
    from {top:100px;}
    to {top:60px;}
}
.nav ul li dl dd a{
    font-size:14px;
    line-height:40px;
    transition: all 0.1s;
}
.nav ul li dl dd a:hover{
    background: #60aff6;
    font-size:16px;
}
/*-----二级菜单 end-----*/

/*-------主打产品--------*/
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
#wrap{
	margin: 100px auto;
}
#wrap ul li .a1 img{
	width: 160px;
	margin-top: 30px;
}
#wrap ul li{
	width: 285px;
	height: 267px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
    margin: 7px;
    box-shadow: 0 0 10px 0 #dedfe4;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 46px;
	padding: 10px 14.5px;
	background: #fafafa;
}
#wrap ul li .a1 .divA>.p1{
	width: 250px;
	height: 25px;
	font-size: 18px;
    line-height: 25px;
    color: #666;
}
#wrap ul li .a1 .divA>.p2{
	width: 250px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 156px;
	height: 28px;
	color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*閬僵*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-474PX;
	width: 285px;
	height: 267px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width: 285px;
	text-align: center;
	position: absolute;
	top: 34px;
	left: -474px;
	color: #fff;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width: 285px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 65px;
	left: -474px;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left: 73px;
	width: 128px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
    margin: 10px auto;
    transition: all 0.3s 0.3s;
    border: 1px solid;
    font-weight: bold;
    font-size: 16px;
}
#wrap ul li .a2 .p7:hover{
    background-color: #60aff6;
    border: 1px solid #60aff6;
    color:#fff;
}
/*
 *mystyle
 */
 .show-more{
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin: 35px auto 40px;
    text-align: center;
    font-size: 14px;
    color: #373d41;
    border: 1px solid #373d41;
    cursor: pointer;
}
.show-more:hover{
    color: #fff;
    background-color: #60aff6;
    border: 1px solid #60aff6;
}
.bluebg{
    background-color: #5FBDF9;
    color: #fff;
}
.left-list li a{
    clear: both;
    display: block;
    margin: 0;
    padding-top: 15px;
    list-style: none;
    text-align: center;
    font-size: 14px;
    height: 45px;
    transition: all 0.1s;
}
.left-list li a:hover{
    background-color: #5FBDF9;
    color: #fff;
    font-size: 16px;
}
.newidc-top{
    height: 200px;
    text-align: center;
    background-color: #fff;
}
.newidc-top h2{
    color: #4b556a;
    height: 50px;
    line-height: 50px;
}
.newidc-top ul{
    padding: 0 5px;
}
.newidc-top ul li{
    float: left;
    width: 170px;
}
.newidc-top ul li img{
    width: 110px;
    height: 110px;
    margin-top:20px;
    transition: all 0.3s;
}
.newidc-top ul li img:hover{
    transform: scale(1.1);
}
.product-price {
    clear: both;
    line-height: 50px;
    font-size: 28px;
    font-weight: normal;
}
.pgi-1{left: 0px;width:170px; visibility: visible; animation-delay: 0.2s;}
.pgi-2{left: 200px;width:200px; visibility: visible;}
.pgi-3{left: 400px;width:400px; visibility: visible;animation-delay: 0.1s;}
.pgi-4{left: 800px;width:400px; visibility: visible; animation-delay: 0.3s;}
/*-------主打产品 end--------*/

/*------------------新闻--------------------*/
/*最新新闻*/
.listnews{
    width: 580px;
    height: 340px;
    padding: 10px;
    /*border: 1px solid #DDE4E6;*/
    text-align: left;
    /* box-shadow: 0 0 10px 0 #dedfe4; */
}
.listnews dt {
    margin: 1px;
    height: 45px;
    background: #F8F8F8;
    /*border-bottom: 1px solid #DDE4E6;*/
}
.listnews dt h4 {
    border-bottom: 1px solid #FFF;
    color: #00252E;
    text-indent: 1em;
    font-size: 16px;
    line-height: 45px;
}
.listnews dd {
    font: 15px "宋体";
    text-indent: .5em;
    height: 45px;
    line-height: 45px;
}
.listnews dd a{
    color: #bbb;
}
.listnews dd a:hover{
    color: #60aff6;
}
/*最新新闻 end*/

/*最热新闻*/
/* newslider */
.newslider,.newslider li{width:100%;height:300px;}
.newslider{overflow:hidden;border:0 #ededed solid;position:relative;margin:10px auto;}
.newslider li{position:absolute;overflow:hidden;display:none;}
.newslider li.current{display:block;}
.newslider li .image{position:absolute;top:-2px;left:-2px;}
.newslider li .text{bottom:0;overflow:hidden;background-color:rgba(0,0,0,0.6);width:148px;float:right;position:relative;height:auto;background:0;filter:none;text-indent:0;padding:15px 2px;}
.newslider li .text a{color:#fff;font-size:14px;line-height:17px;float:left;}
.newslider li img{width:400px;height:282px;}
.newslider li .text .title a{font-size:16px;font-weight:700;color:#fff;font-family:"微软雅黑","宋体";line-height:22px;text-indent:0;}
.newslider li .text p{color:#bbb;font-size:12px;text-indent:0;clear:both;line-height:20px;margin-top:50px;}

.newslider .triggers{position:absolute;z-index:1;width:400px;text-align:center;bottom:20px;height:38px;right:0;left:0;padding:0 0 8px;}
.newslider .triggers a{font-size:11px;line-height:12px;color:#000;overflow:hidden;border-radius:1px;-webkit-text-size-adjust:none;float:none;width:70px;height:42px;text-align:center;display:inline-block;background:0;margin:0 3px 0 0;}
.newslider .triggers a:hover{text-decoration:none;}
.newslider .triggers a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6;}
.newslider .triggers a.current img{border:2px #60aff6 solid;opacity:1;}

.newslider .icon-dot{display:inline-block;position:absolute;bottom:20px;right:43px;}
.newslider .icon-dot a{width:9px;height:9px;display:inline-block;background-color:#ddd;border-radius:9px;background-repeat:no-repeat;background-position:-1px -1px;overflow:hidden;margin:0 2px;}
.newslider .icon-dot a.current{background-position:-1px -12px;background-color: #60aff6}

.newslider .link-watch{width:30px;height:44px;display:none;position:absolute;top:110px;background:url(../images/arrow.png) no-repeat 0 -57px;filter:alpha(opacity=60);cursor:pointer;}
.newslider .link-watch.pre{left:10px;}
.newslider .link-watch.next{left:368px;right:0;background-position:right -57px;}
.newslider .link-watch.down{background-position-y:-2px;}    
/*最热新闻 end*/
/*------------------新闻 end--------------------*/

/*-------------------nav  end----------------------------*/

/*--------------------banner-------------------------*/
.banner{width: 100%;height: 300px;padding-top:40px;background:url(../images/serverbg.jpg) no-repeat center; position:relative;}
.bc-left{clear: left;position: relative;width: 140px;height: 140px;text-align: center;}
.circle1{position:absolute;top:20px;left:20px;width: 100px;height: 100px;border: 1px solid #474f5f;border-radius: 100px;opacity: 1;animation: myanimat2 1s infinite;-webkit-animation:myanimat2 1s infinite alternate;}
.circle2{position:absolute;top:10px;left:10px;width: 120px;height: 120px;border: 1px solid #474f5f;border-radius: 120px;opacity: 1;animation: myanimat3 1s infinite;-webkit-animation:myanimat3 1s infinite alternate;}
.bc-left img{margin-top:35px;animation: myanimat 1s infinite alternate;-webkit-animation:myanimat 1s infinite alternate;}
@keyframes myanimat{from{transform: scale(1)}to{transform: scale(1.05)}}
@-webkit-keyframes myanimat{from{transform: scale(1)}to{transform: scale(1.05)}}
@keyframes myanimat2{from{opacity:1;}to{opacity:0;}}
@-webkit-keyframes myanimat2{from{opacity:1;}to{opacity:0;}}
@keyframes myanimat3{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes myanimat3{from{opacity:0;}to{opacity:1;}}
.banner h2,.banner p{color: #fff;line-height: 24px;}

/*--------------------banner end---------------------*/
.inner_wrap_big{ width:100%; margin:0 auto;}
.inner_wrap {
    margin: 0 auto;
}

.inner_one{margin:0 auto;}

.inner_one_li{ float:left; width:300px; height:200px; margin-right:150px;}
.inner_one_li .inner_one_top{  float:left;margin-top:30px;margin-left: 40px;}
.inner_one_li .inner_one_top .inner_one_top_img{ width:100px; height:85px; float:left;text-align:left;}
.inner_one_li .inner_one_top .inner_one_top_h2{ float:left;}
.inner_one_li .inner_one_top .inner_one_top_h2 h2{ color:#000000; font-weight:bold;font-size:18px;line-height: 30px;text-align: left;}
.inner_one_li .inner_one_bottom{ width:230px; float:left;margin-left: 40px;}
.inner_one_li .inner_one_bottom p{ color:#535353; font-size:12px; letter-spacing: 2px;text-align: left;}

/*.inner_one_li:last-child{ margin-right:inherit;}*/

.inner_one_lii{ float:left; width:265px; height:200px;/* margin-right:110px;*/}
.inner_one_lii .inner_one_top{  float:left;margin-top:30px;margin-left: 40px;}
.inner_one_lii .inner_one_top .inner_one_top_img{ width:100px; height:85px; float:left;text-align:left;}
.inner_one_lii .inner_one_top .inner_one_top_h2{ float:left;}
.inner_one_lii .inner_one_top .inner_one_top_h2 h2{ color:#000000;font-weight: bold; font-size:18px;line-height: 30px;text-align: left;}
.inner_one_lii .inner_one_bottom{ width:230px; float:left;margin-left: 40px;}
.inner_one_lii .inner_one_bottom p{ color:#535353; font-size:12px; letter-spacing: 2px;text-align: left;}


.inner_middle{margin:0 auto; background:url(../images/service_bg.jpg) no-repeat center center; height:438px; position:relative;}
.inner_middle .abl_middle{ position:absolute; left:0; top:25%;}
.inner_middle .abr_middle{ position:absolute; right:0; top:25%;}

/*---------------inner_wrap_big end ----------------------------------*/


.lunbo_big{ width:100%; margin:0 auto; background:url(../images/banner_bg.png) no-repeat center center; background-size:cover; height:583px;}
.lunbo_top { padding-top:50px;}
.lunbo_top h1{ font-size:27px; color:#fff; line-height:50px; height:50px; font-weight:500; }
.lunbo_top p{ font-size:13px; color:#fff; line-height:25px; height:25px; }

.lunbo_content{ width:1370px;  margin:0 auto; padding-top:50px;}
.lunbo_content_pic{ padding-top:60px; min-height:250px; margin:0 auto;}
.lunbo_content_pic ul li {
    width: 432px;
    margin: 0px 10px;
    float: left;
}

.lunbo_content_pic ul li img{
    width: 432px;
	height:225px;
   
    float: left;
	box-shadow: 3px 3px 12px #888888;
}
.lunbo_content_pic ul li a{ color:#fff; font-size:15px; text-decoration:none;}

/*-----------------------------------------*/



.style_web{ width:100%; margin:0 auto;}
.style_web style_web_content{ width:1024px; margin:0 auto;}
.style_top{width:1024px; margin:0 auto;}
.style_web_content h1{ color:#535353; font-size:27px; line-height:50px;}
.style_web_content p{ color:#707070; font-size:12px; line-height:25px;letter-spacing: 1px;}
.style_web_list{ width:1024px; margin:0 auto; padding-top:70px;}
.style_web_list ul li{ float:left; margin:10px 50px;}
.style_web_list ul li .style_web_list_img{ height:180px;}

.style_web_list ul li h3{ color:#000000; font-size:18px; line-height:50px;}
.style_web_list ul li p{ color:#535353; font-size:12px;}

/*---------style_web end--------------------------*/
.contact_bg{ width:100%; height:564px; margin:0 auto; background:url(../images/contact_bg.png) no-repeat center center; background-size:cover;}

.contact_btn{ padding-top:220px; margin:0 auto;}
.contact_btn a{ width:300px; height:75px; font-size:30px; color:#fff; background:#e7b91a; display:inline-block; line-height:75px; border-radius:8px;}
.contact_btn p{ color:#fff; line-height:25px; font-size:12px;}

/*--------------------------------------------*/

.happy_web_big{ width:100%; margin:0 auto;}
.happy_web{ width:1024px; margin:0 auto;}
.happy_web ul li{ float:left; width:445px; margin-left:20px; margin:20px 30px;    margin: 30px 10px 30px 50px;}
.happy_web_img{ float:left; width:162px;}
.happy_web_right{ float:left; width:230px;}
.happy_web_right h2{ text-align:left; font-size:18px; color:#0000; line-height:30px; margin-bottom:40px;}
.happy_web_right p{ text-align:left; font-size:12px; color:#535353; line-height:25px;letter-spacing: 1px;}
.happy_btn a{ width:302px; height:70px; display:inline-block; font-size:18px; color:#fff; line-height:70px; background:#3BAFDA; border-radius:8px; margin-top:40px;}

/*-------------------happy_web_big end----------------------------------------*/


/*.footer_big{ width:100%; height:258px; margin:0 auto; background:#434343;}
.footer{ width:940px; margin:0 auto; padding-top:40px;}
.footer_left{ float:left; width:325px;}
.footer_left ul li{ float:left; margin:10px 50px;}
.footer_left ul li a{ color:#fff; font-size:12px; display:inline-block;font-weight:700;}

.footer_middle{ width:300px; margin:0 auto; float:left;}
.footer_middle p{ color:#fff; font-size:12px; line-height:40px; font-weight:700;}

.footer_right{ width:300px; margin:0 auto;float:left;}
.footer_right p{ color:#fff; font-size:12px; line-height:40px;font-weight:700;}

.footer_bottom p{ font-size:12px; color:#0099cc;}*/


.footer_big{ width:100%; background:#434343;}
.footer_content{margin:0 auto; padding-top:20px;}
.footer_left{color: #fff;font-size: 12px;line-height: 40px;text-align:left;float: left;margin-left: 140px;}
.footer_left p{font-size:14px;color:#60aff6;font-weight:bold;}
.footer_left ul li a,.footer_left ul li{color: #fff}
.footer_left ul li a:hover{color: #60aff6}
.footer_service ul li{text-indent:2.5em;}
.footer_service ul .qq{background:url(../images/footer_icon_qq.png) no-repeat left center;}
.footer_service ul .wechat{background:url(../images/wechat.png) no-repeat left center;}
.footer_service ul .phone{background:url(../images/footer_icon_phone.png) no-repeat left center;}
.footer_big .footer_bottom{ color:#fff; font-size:14px;}




.home {
    bottom: 6px;
    height: 50px;
    position: fixed;
    right: 0px;
    width: 70px;
    z-index: 999;
}




/*------------------------------------------*/
/*------------------------------------------*/
.login_big {
    width: 100%;
	min-height:690px;
    background: url(../images/login_bg.png) no-repeat 100% 100%;
/*    padding-top: 60px;*/
    background-size: cover;
	position:relative;
	/*vertical-align: middle;*/
	

}

/*.login_big{ padding-top: 60px;}*/
.login_content{    width: 31.6%; border-top-left-radius:5px; border-top-right-radius:5px;/*position: absolute;*/padding-top:5%; margin:0  auto;
    /*top: 20%;
    left: 35%;*/}
.login_top {
    width: 100%;
    height: 120px;
    background: url(../images/login_banner.png) no-repeat;
    position: relative;
    /*background-size: cover;*/
	background-size: 100% 100%;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.login_a{ position:absolute; right:20px; bottom:15px;}
.login_a a{ font-size:16px; color:#fff; margin:0px 5px;}

.login_form {
       padding: 0 5% 3%;
    background: #fff;
}
.login_form p {
    font-size: 14px;
    color: #707070;
    text-align: left;
    height: 35px;
    line-height: 35px;
}
.login_input {
    text-align: left;
        width: 100%;
    height: 40px;
    border: 2px solid #dcdcdc;
    border-radius: 8px;
}
.login_input .input_img{  float:left; padding-top:6px;}
.login_input .input_img img {
    text-align: left;
    display: block;
    padding: 6px 10px;
	   width: 17px;
    height: 17px;
}
.login_input input {
    width: 80%;
    height: 35px;
    float: left;
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
    /* border: 1px solid red; */
    margin-top: 4px;
    line-height: 35px;
}
.login_input input:focus{ outline:0;}

.login_bottom{  background:#eeeeee;width:100%}

.login_check {
    float: left;
        padding: 5%;
}
.login_check h5 {
    font-size: 16px;
    color: #a0a0a0;
    font-weight: 500;
    float: left;
    line-height: 25px;
    padding-left: 20px;
}
.login_check input{ width:25px; height:25px; float:left;}

.login_p {
    padding-top: 20px;
    margin: 0 auto;
       width: 50%;
    height: 40px;
    padding-left: 5px;
    float: left;
}
.login_p p{ font-size:14px; color:#0099cc; line-height:40px; float:left;margin-right:20px;}
.login_p a{ width:25px;display:inline-block; margin:0px 5px; float:left;}

.login_btn{ float:left; padding-top:22px;}
.login_btn a {
    width: 65px;
    height: 30px;
    display: inline-block;
    background: #0099cc;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 7px;
}

.login_p a img{ width:20px; height:20px; display:block;    padding-top: 7px;}
/*-------------------login end---------------------------*/


.login_error{ background:#e7b91a; /*margin-top:25px;*/}
.login_error p {
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-indent: 1em;
}

/*----------------login_error---------------------*/

.register_content{    width: 38%; border-top-left-radius:5px; border-top-right-radius:5px;    margin: 0 auto; /*position:absolute;*/
    /*top: 15%;*/ padding-top:5%;
   /* left: 32%;*/}
.register_top {
    /*width: 600px;*/
    height: 130px;
    background: url(../images/register_top.png) no-repeat;
    position: relative;
    /*background-size: cover;*/
	background-size: 100% 100%;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.register_a{ position:absolute; right:10px; bottom:15px;}
.register_a a {
    font-size: 14px;
    color: #fff;
    margin: 0px 5px;
}


.form_main{width:100%; margin:0 auto; height:322px;}
.register_form {
    width: 60%;
    padding: 0% 5%;
    background: #fff;
    float: left;
}
.register_form p{ font-size:14px; color:#707070; text-align:left; height:40px;    line-height: 40px;}
.register_input {
    text-align: left;
        width: 100%;
    height: 40px;
    border: 2px solid #dcdcdc;
    border-radius: 8px;
}
.register_input .input_img{  float:left;    padding-top: 7px;}
.register_input .input_img img{text-align:left; display:block;    padding: 5px;    width: 17px;
    height: 17px;}
.register_input input {
    width: 80%;
    height: 28px;
    float: left;
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
    /* border: 1px solid red; */
    margin-top: 6px;
    line-height: 28px;
}
.register_input input:focus{ outline:0;}




.res_psd{      width: 100%; margin:0 auto;}
.res_password {
    width:180px;
    float: left;
}
.register_input2{ text-align:left;     width: 95%; height:40px; border:2px solid #dcdcdc; border-radius:8px; float:left;}

.register_input2 input {
    width: 70%;
    height: 30px;
    float: left;
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
    /* border: 1px solid red; */
    line-height: 30px;
}
.register_input2 input:focus{ outline:0;}


.agreement input{ width:20px; height:20px; text-align:left; float:left; background:#fff;    margin-top: 5px; }
.agreement p {
    font-size: 14px;
    color: #707070;
    float: left;
    text-indent: 0.4em;
    line-height: 30px;
    /* letter-spacing: 1px; */
}


.agreement a {
    color: #0099cc;
    font-size: 14px;
    float: left;
    padding-left: 20px;
    margin-top: 5px;
}

.resgist_right {
    float: left;
    width: 26%;
    height: 311px;
    background: #e5e5e5;
    padding: 2% 2% 0 2%;
    /* padding-bottom: 14.5%; */
}


.resgist_right{ text-align:left;}
.resgist_right h3 {
    font-size: 14px;
    color: #0099cc;
    line-height: 35px;
    margin-bottom:19px;
}


.resgist_right ul li {
    font-size: 14px;
    color: #0099cc;
    line-height: 30px;
}

.resgist_right p{ color:#000000; font-size:14px;}

.res_bottom {
    background: #eeeeee;
     padding: 3%;

}

.res_bottom .res_bottom_btn{ float:left;    width: 70%;}
.res_bottom .res_bottom_btn a {
    width: 100px;
    height: 40px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    background: #0099cc;
    border-radius: 7px;
    float: left;
    line-height: 40px;
}
.res_bottom .res_bottom_right{ float:left; padding-left:20px;}
.res_bottom .res_bottom_right a{ font-size:14px; color:#0099cc; float:right; text-align:left;    line-height: 40px;}

/*--------------resgister   end  -----------------------------------*/


.product_big_bg{ width:100%; margin:0 auto; background:url(../images/prudouct_banner_bg.png) no-repeat center center; background-size:cover; height:601px;position: relative;}

.free_composing{ width:100%;overflow: hidden;}
.free_composing_content{    clear: both;margin: 0 auto;padding: 0;}
.free_composing_content .content-group-text {
    float: left;
    display: inline-block;
    margin-left: 40px;
    line-height: 1.8;
    text-align: right;
    font-size: 16px;
    color: #666;
	padding-top: 10px;

}

.free_composing_content .content-group-title{
    padding-bottom: 10px;
    line-height: 40px;
    font-size: 28px;
    color: #444;
    font-weight: normal;
	    margin: 0 auto;
}

.free_composing_content.content-group-title  p{    line-height: 1.8;
    text-align: right;
    font-size: 16px;
    color: #666;}
	
.free_composing_content .content-group-image {
    float: right;
    display: inline-block;
    margin-right: 30px;
	    width: 560px;
}

/*-------------------------------------------*/

.support{
    /*height: 300px;*/
    background-color: #F4F4F4;
	margin:0 auto; width:100%;
	
}


	
.support .content-group-image {
    float: left;
    display: inline-block;
    margin-right: 30px;
}

.support .content-group-text {
    float: right;
    display: inline-block;
    margin-left:inherit;
    line-height: 1.8;
    text-align: left;
    font-size: 16px;
    color: #666;
	padding-top: 20px;

}




.support .content-group-title  p{    line-height: 1.8;
    text-align: left;
    font-size: 16px;
    color: #666;}


/*-------------------------------------------------*/
/*-------------------------------------------------*/

.product_contact_bg{ width:100%; margin:0 auto; background:url(../images/product_bg2.png) no-repeat center center; height:202px;    background-size: cover;}
.product_contact_btn{ padding-top:70px; margin:0 auto;}
.product_contact_btn a {
    width: 300px;
    height: 75px;
    font-size: 30px;
    color: #fff;
    background: #e7b91a;
    display: inline-block;
    line-height: 75px;
    border-radius: 8px;
}

.product_contact_btn a:hover {
    width: 300px;
    height: 75px;
    font-size: 30px;
    color: #fff;
    background: #5fbdf9;
    display: inline-block;
    line-height: 75px;
    border-radius: 8px;
}


.product_contact_btn p{ color:#fff; line-height:25px; font-size:12px;}

/*-----------------product_zt_bg begin---------------------------------------------*/
.product_zt_bg{width:100%; margin:0 auto; background:url(../images/product_zt_bg.png) no-repeat center center; background-size:cover; height:601px;position: relative;}



/*--------------------wmf_help_bg begin------------------------------------------*/
.wmf_help_bg{width:100%; margin:0 auto; background:url(../images/wmf_help_bg.jpg) no-repeat center center; background-size:cover; height:601px;position: relative;}

/*-------------------------------------------------*/

.help_progrom_big{ width:100%; margin:0 auto; background:#eeeeee; }
.help_progrom{ width:1024px; margin:0 auto;}
.help_li .help_li_img{ height:180px;}

.help_li h5{ font-size:16px; color:#707070; text-align:left; line-height:50px; padding:0px 10px;}
.help_li ul .help_list {
    float: left;
    margin: 0px 20px;
    width: 215px;
}
.help_li_content { padding:0px 30px;}
.help_li_content ul li{ list-style:initial; font-size:14px; color:#a0a0a0; text-align:left; line-height:25px;}

.help_list a{ width:105px; height:35px; line-height:35px; background:#3BAFDA; color:#fff; border-radius:5px; display:inline-block; float:left; margin-top:30px;    margin-left: 15px;}

/*--------------------------------------*/

.help_seacher_big{ width:100%; margin:0 auto; height:400px;}
.help_seacher{ width:1024px; margin:0 auto;}
.help_seacher_top{ width:1024px; margin:0 auto; border-bottom:1px solid #80cce5;}
.help_seacher_top p{ color:#a0a0a0; font-size:14px; float:left; text-align:left; line-height:35px;}
.seacher_right{ float:right; border:1px solid #dcdcdc; width:270px; height:28px;}
.seacher_text{ float:left; line-height:28px; width:230px;outline:0; text-indent:1em;}
.seacher_btn{ float:left; background:url(../images/seacher.png) no-repeat center center; height:28px; width:40px;outline:0; cursor:pointer}

.help_seacher_container{ width:1024px; margin:0 auto;}
.help-update-wrap {
    float: left;
    width: 470px;
}
.help-update-wrap .help-update-title {
    clear: both;
    margin: 20px 0;
    line-height: 35px;
    text-align: left;
    font-size: 24px;
    color: #444;
}
.help-update-wrap .help-update-list {
    clear: both;
    display: list-item;
    margin: 0;
    padding: 0;
}

.help-update-wrap .help-update-list .help-update-list-item {
    clear: both;
    padding: 0 100px 0 0;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    list-style: none;
    color: #666;
}

.help-update-wrap .help-update-list .help-update-list-item a {
    line-height: 35px;
    text-align: left;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.help-update-wrap .help-update-list .help-update-list-item .help-update-date {
    float: right;
    margin-right: -100px;
    width: 100px;
    line-height: 35px;
    text-align: right;
    color: #999;
}

.help-update-wrap .help-update-more {
    float: left;
    display: block;
    margin-top: 20px;
    width: 120px;
    line-height: 40px;
    border-radius: 3px;
    background-color: #3BAFDA;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.help-quick-nav {
    float: right;
    margin: 0;
    padding: 0;
    width: 550px;
    list-style: none;
}

.help-quick-nav .help-quick-nav-item {
    float: left;
    display: inline-block;
    margin: 20px 10px 0 10px;
    width: 162px;
    height: 150px;
}
.help-quick-nav .help-quick-nav-item a {
    display: block;
    height: 150px;
    border-radius: 3px;
    background-color: #fff;
    color: #a0a0a0;
	    border: 1px solid #ddd;
}


.help-quick-nav .help-quick-nav-item a:hover {
    border-color: #3BAFDA;
    background-color: #f7f7f7;
    color: #3BAFDA;
    text-decoration: none;
}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-icon {
    clear: both;
    display: block;
    height: 100px;
    line-height: 100px;
    text-align: center;
    filter: alpha(opacity=60);
	padding-top: 6px;
}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-title {
    clear: both;
    line-height: 30px;
    font-size: 14px;
}


.help_progrom h1 {
    color: #000000;
    font-size: 27px;
    line-height: 60px;
	font-weight:500;
}

/*------------wmf_help_end--------------------------------*/




.template-topbar {
    clear: both;
    padding: 20px 0px;
    height: 40px;
    border-bottom: 1px solid #ddd;
}
.template-topbar .template-type {
    float: left;
    display: inline-block;
    width: 160px;
    height: 30px;
}

.hide {
    display: none !important;
}
.cube-select {
    position: relative;
    margin-right: 10px;
    padding: 0 30px 0 10px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff url(../images/select-arrow.jpg) no-repeat right center;
    cursor: pointer;
}

.cube-select input {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    border: 0;
    outline: 0;
    background: none;
}

.cube-select ul {
    display: none;
    position: absolute;
    right: -1px;
    left: -1px;
    top: 29px;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    z-index: 9999;
}

.cube-select ul li {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    cursor: pointer;
}

.cube-select ul li.on {
    background-color: #eee;
    color: #444;
}

.cube-select {
    position: relative;
    margin-right: 10px;
    padding: 0 30px 0 10px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff url(../images/select-arrow.jpg) no-repeat right center;
    cursor: pointer;
}

.template-topbar .template-color {
    float: right;
    display: inline-block;
    height: 30px;
}
.template-color .template-color-item.color-red {
    background-color: #EF5350;
}

.template-color .template-color-item {
    float: left;
    display: inline-block;
    margin: 5px 10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
}

/*input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox {
    box-sizing: border-box;
    padding: 0;
}
*/

.template-color .template-color-item a {
    display: block;
    height: 20px;
    border-radius: 2px;
}

.template-color .template-color-item.color-blue {
    background-color: #42A5F5;
}

.template-color .template-color-item.color-green {
    background-color: #66BB6A;
}
.template-color .template-color-item.color-orange {
    background-color: #FFA726;
}
.template-color .template-color-item.color-yellow {
    background-color: #FFEE58;
}
.template-color .template-color-item.color-purple {
    background-color: #AB47BC;
}
.template-color .template-color-item.color-pink {
    background-color: #EC407A;
}
.template-color .template-color-item.color-gray {
    background-color: #BDBDBD;
}
.template-color .template-color-item.color-black {
    background-color: #2F353B;
}
.template-color .template-color-item.color-white {
    border: 1px solid #ddd;
    background-color: #fff;
}
.template-color .template-color-item.color-more {
    background: url(../images/template-color-more.gif) no-repeat;
}

/*---------------------------------*/
.template-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}


.pm-template-list .template-list-item {
    width: 260px;
}

.template-list .template-list-item {
    float: left;
    display: block;
    margin: 0 40px 30px 0;
    width: 260px;
   /* height: 290px;*/
}

.template-list .template-list-item .template-list-image {
    position: relative;
    z-index: 1;
    clear: both;
    height: 208px;
    border-radius: 2px;
    background: url(../images/template-list-image-bg.gif) no-repeat center;
}
.pm-template-list .template-list-item .template-list-image .template-pc-group {
    position: absolute;
    top: 14px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    width: 256px;
    height: 192px;
}
.template-list .template-list-item .template-list-image img {
    margin: 0px 2px 2px -1px;
    width: 256px;
    height: 192px;
    border-radius: 2px;
}

.template-list .template-list-item .template-list-title {
    clear: both;
    line-height: 35px;
    text-align: left;
    font-size: 16px;
    color: #444;
}
.template-list .template-list-item .template-list-info {
    clear: both;
    height: 60px;
}

.template-list .template-list-item .template-list-info .template-num {
    clear: both;
    line-height: 30px;
    text-align: left;
    color: #999;
}

.template-list .template-list-item .template-list-info .template-designer {
    float: left;
    display: inline-block;
    line-height: 30px;
    text-align: left;
    color: #999;
}
.template-list .template-list-item .template-list-info .template-price-btn {
    float: right;
    display: inline-block;
    padding: 4px 15px 5px 15px;
    line-height: 1.4;
    border-radius: 2px;
    border: 1px solid #9EC7EC;
    background-color: #fff;
    text-align: center;
    color: #5CA2E0;
    font-size: 14px;
}

.template-pagination {
    display: inline-block;
    margin: 60px auto;
    height: 35px;
}

.template-pagination a.current {
    border-color: #9EC7EC;
    background-color: #9EC7EC !important;
    color: #fff !important;
}

.template-pagination a {
    display: inline-block;
    margin-right: 5px;
    width: 35px;
    line-height: 35px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.template-pagination a:hover {
    background-color: #f4f4f4;
    color: #444;
    text-decoration: none;
}


/*----------------------------------------------------------*/

.wrap {
    margin: 0 auto;
	width:100%;
}


.product-container-wrap {
    background-color: #f4f4f4;
    padding: 1px 0;
}
.inner-wrap {
    clear: both;
    margin: 20px auto;
    padding: 0;
}

.product-group {
    position: relative;
    height: 631px;
}


.product-group .product-group-item.product-titlebar {
    left: 200px;
    width: 200px;
}

.product-group .product-group-item {
    position: absolute;
    top: 0;
    z-index: 10;
}

.product-group .product-group-item .product-group-topbar {
    clear: both;
    padding-top: 10px;
    height: 90px;
    background-color: #5FBDF9;
    text-align: center;
    color: #fff;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}




.product-group .product-group-item .product-group-topbar h4 {
    clear: both;
    line-height: 90px;
    font-size: 18px;
    font-weight: normal;
}

.product-group .product-group-item .product-group-topbar .product-price {
    clear: both;
    line-height: 50px;
    font-size: 28px;
    font-weight: normal;
}
.product-group .product-group-item .product-group-list {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
}

.product-group .product-group-item .product-group-list .product-group-list-item {
    clear: both;
    display: block;
    margin: 0;
    padding-top: 15px;
    background-color: #fff;
    list-style: none;
    text-align: center;
    font-size: 14px;
	height: 45px;
}

.product-group .product-group-item .product-group-list .product-group-list-item.even {
    background-color: #f4f4f4;
    color: #444;
}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    background-color: #5FBDF9;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.product_btn{ padding:15px 0;}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn:hover {
    background-color: #5CA2E0;
    color: #fff;
    text-decoration: none;
}
/*----------------------------------------------*/


/*------------------会员中心----------------------*/

.hy_top{width:100%; margin:0 auto; background:#000000; height:60px;}
 .hy_top .header{ width:1024px; height:60px; margin:0 auto;}
.hy_top .logo{ float:left; margin-top:5px;} 
.hy_top .nav{ margin-left:100px; float:left; height:60px;}
.hy_top .nav ul li{ float:left; width:115px; position:relative;}
.hy_top .nav ul li a{color:#fff; font-size:16px; display:inline-block; line-height:60px; width:115px; }
.hy_top .nav ul li .yzcp{margin:0px 10px;}
.hy_top .nav ul li:hover{ font-size:16px; display:inline-block; line-height:60px; background:#60aff6;height:60px; width:115px;}
.hy_top .nav ul a:hover{ font-size:16px; display:inline-block; line-height:60px; }


.select_zt_bg{ width:100%; height:100%; background:#eeeeee;}


.select_big{ width:1200px; padding:20px; margin:0 auto; background:#fff; border-radius:8px;}
.select_mb{ height:55px; margin:0 auto;    width: 1160px; border-bottom:1px solid #e5e5e5;}
.select_mb p{ text-align:left; font-size:12px; color:#535353; line-height:55px; text-indent:3px;}
.yl{ margin-right:10px; background:#8fc31f !important; color:#fff !important; border:none !important; font-size:10px;}
.xz{ background:#6dadea !important; color:#fff !important; border:none !important; font-size:10px;}
/*-----------------选择模板结束--------------------------------------*/


/*--------------用户资料------------------------*/


.user {
    float: right;
     padding-top: 5px; 
    max-width: 112px;
}
 .header-nav-item {
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 0;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.header-nav-item.user-infobar a.userinfo-link {
    color: #ddd;
    font-size: 12px;
}
.header-nav-item.user-infobar .user-header-img {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 28px;
    height: 50px;
}
.header-nav-item.user-infobar .user-header-img img {
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

 .header-nav-item.user-infobar .user-name {
    display: inline-block;
    margin: 0 8px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
}
.header-nav-item.user-infobar .user-infobar-arrow {
    display: inline-block;
    font-size: 14px;
}
.header-nav-item.user-infobar .dropdown-menu {
    top: 84% !important;
	right: -4px;
}

.dropdown-menu span {
    position: absolute;
    top: -10px;
    left: 88%;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    transform: rotate(180deg);
}

.dropdown-menu.bullet {
    margin-top: 8px;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.175);
    box-shadow: 0 2px 4px rgba(0,0,0,.175);
    font-size: 13px;
}
.pull-right {
    float: right!important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
   font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
 .header-nav-item.user-infobar .dropdown-menu li a {
    color: #6C3333;
}
.dropdown-menu > li > a {
    padding: 5px 15px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	line-height:35px;
	text-align:left;
}

.dropdown-menu  li { text-align:left !important; height:38px; }
.dropdown-menu  li img{ margin-right:10px; text-align:left; width:23px;}
.dropdown-menu  li:hover{ background:#e5e5e5;}


/*-------------------------------------------------*/




.personal_enter_big{ width:100%; margin:0 auto; background:#eeeeee; min-height:400px;}
.personal_enter {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 10px 10px;
    min-height: 325px;
    border-radius: 5px;
}


/* box */
.personal_enter .box{width:1000px;margin:10px auto 0;background:#fff;}
.personal_enter .tab_menu{overflow:hidden;}
.personal_enter .tab_menu{border-bottom: 1px solid #eeeeee;}
.personal_enter .tab_menu li{ float:left;width:100px;height:30px;line-height:30px;background:#eeeeee; text-align:center;cursor:pointer;}
.personal_enter .tab_menu li a{color:#898989 !important;display:inline-block;}
.personal_enter .tab_menu li.current{color:#60aff6;background:#fff;    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}

.personal_enter .tab_menu li a{color:#fff;text-decoration:none;}
.personal_enter .tab_menu li.current a{color:#60aff6 !important;}
.personal_enter .tab_box{padding:10px;}
.personal_enter .tab_box li{height:40px;line-height:40px;overflow:hidden;}
.personal_enter .tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}
.personal_enter .tab_box .hide{display:none;}

.personal_data{ padding:20px 55px;}
.personal_data_left{ float:left;}
.personal_data_left img{ text-align:left; float:left;}
.personal_data_right{ float:left; width:650px; margin-left:100px;}


.personal_data_right ul li{ float:left; font-size:12px; color:#898989; width:300px; margin-right:20px; text-align:left;}

.personal_data_right ul li i{font-weight: 500;
    font-style: initial;
    width: 100px;
    display: inline-block;
    font-size: 14px;}


.personal_data_right ul li strong{    font-weight: 500;
    font-size: 14px;
    margin-right: 20px;}

.personal_data_right ul li a{
    background: #60aff6;
    display: inline-block;
    color: #fff;
    width: 130px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    line-height: 25px;
}


.personal_data_width{    width: 700px !important;}
.personal_data_bottom{ width:700px; margin:0 auto;margin-left: 125px;}
.personal_data_bottom h3{ font-size:14px; color:#898989; text-align:left;    font-weight: 500;}
.personal_data_bottom p{ font-size:14px; color:#898989; text-align:left;width: 550px; /*height:40px;*/
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    margin: 0 auto; display:inline-block;}


/*---------------------system_message ------------------------*/
.system_message{ width:960x; margin:0 auto; padding:10px 10px;}
.system_message_left{ float:left;}
.system_message_left p{ color:#898989; font-size:14px; line-height:25px;}
.system_message_left p span{ color:#60aff6;line-height:25px;}
.system_message_right{ float:right; font-size:14px;}
.system_message_right input{ width:20px; height:20px; margin-right:5px;}
.system_message_right a{ background:#e60012; color:#fff; margin-left:20px; display:inline-block; width:70px; line-height:20px; height:20px; border-radius:3px; text-align:center;}
.system_message_bottom{ min-height:120px; width:960px; margin:0 auto; border-bottom:1px solid #eeeeee;}
.all_read{width:960px; margin:0 auto; }
.all_read p{ color:#898989; font-size:14px; line-height:25px; text-align:left;}
.system_announcement {
    border-top: 1px solid #eeeeee;
    min-height: 215px;
    margin: 0 auto;
    max-height: 215px;
    width: 960px;
}
/*---------------------------------------*/

/*.tab-content>.active {
    display: block;
    visibility: visible;
}
.tab-content>.tab-pane {
    display: none;
    visibility: hidden;
}*/
.message-list-wrap {
    margin: 0;
    padding: 0;
}
.message-list-wrap .message-list-item {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #ddd;
	height:70px !important;
}

.message-list-titlebar {
    clear: both;
    /*padding: 5px 0;*/
    height: 50px;
    box-sizing: content-box;
    -weight-box-sizing: content-box;
}

.message-list-titlebar .message-header {
    float: left;
    display: inline-block;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.message-list-titlebar .message-header img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.message-list-titlebar .message-title-wrap {
    float: left;
    display: inline-block;
    text-align: left;
}
.message-list-wrap .message-list-item.message-readed .message-title {
    color: #999;
    font-weight: normal;
}
.message-list-titlebar .message-title-wrap .message-title {
    clear: both;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
}
.message-title a {
    color: #37BC9B;
}

.message-list-content {
    clear: both;
    padding-left: 70px;
    line-height: 1.8;
}
.collapse {
    display: none;
    visibility: hidden;
}

.collapse.in {
    display: block;
    visibility: visible;
}
.message-list-content {
    clear: both;
    padding-left: 70px;
    line-height: 1.8;
}
.label:empty {
    display: none;
}
.label-primary, .badge-primary, .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #37BC9B;
}
.margin-left-5 {
    margin-left: 5px !important;
}
.text-minu {
    font-weight: normal !important;
}
.label-primary {
    background-color: #337ab7;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.message-list-titlebar .message-title-wrap .message-date {
    clear: both;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.collapse.in {
    display: block;
    visibility: visible;
}
.message-list-content {
    clear: both;
    padding-left: 70px;
    line-height: 1.8;
	    text-align: left;font-size: 14px;
}
.collapse {
    display: none;
    visibility: hidden;
}


.collapse.in {
    display: block;
    visibility: visible;
}
.message-list-wrap .message-list-item .message-del {
    position: absolute;
    top: 10px;
    right: 10px;
    /*display: none;*/
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}
.fa {
    /*margin-right: 5px;*/
    font-size: 14px;
}

.template-list-page {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #eee;
    text-align: center;
}

.message-list-wrap .message-list-item.message-readed {
}
.message-list-wrap .message-list-item:hover {
    background-color: #f7f7f7;
}
.message-list-wrap .message-list-item {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #ddd;
}










































/*----------------------------transaction_record- begin---------------------*/
.transaction_record table .notop td{ border-top:inherit;}
.transaction_record table td{    border-top: 1px solid #eeeeee; color:#707070; font-size:14px; text-align:center; width:165px; height:45px;}
.transaction_record table td a {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
}
.transaction_record_bottom{ width:960px; margin:0 auto;  text-align:left; padding-left:10px;}
.transaction_record_bottom ul li{ font-size:14px; color:#707070; line-height:30px;}
/*------------------------------------------------------------------------*/

.update_user_big{ width:100%; margin:0 auto; background:#eeeeee; height:707px;position: relative;}

.update_user_big .update_user_content{width:950px; min-height:485px; margin:0 auto; background:#ffffff;}


.update_user_big .tab_menu{overflow:hidden;}
.update_user_big .tab_menu li {
    float: left;
    width: 70px;
    height: 30px;
    line-height: 30px;
    color: #707070;
    background: #eeeeee;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}
.update_user_big .tab_menu li.current {
    color: #fff;
    background: #60aff6;
}
.update_user_big .tab_menu li a{color:#fff;text-decoration:none;}
.update_user_big .tab_menu li.current a{color:#333;}
.update_user_big .tab_box{padding:20px 40px;}
.update_user_big .tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}
.update_user_big .tab_box .hide{display:none;}

.tab_box i{ font-style:inherit; font-size:14px; color:#898989; line-height:30px;}
.tab_box input[type="text"]{ width:280px; height:30px; border:1px solid #e5e5e5; text-indent:1em;}
.upload-btn{width: 70px;
    height: 30px;
    float: left;    position: relative;}
.upload-btn a {
    display: inline-block;
    /* line-height: 60px; */
    background: #60aff6;
    width: 70px;
    height: 30px;
    color: #ffffff;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 15px;
	cursor:pointer;
}

.txsc ul li {
    float: left;
    
    background-size: cover;
    margin: 1%;    text-align: left;
}

.txsc i{    text-align: left !important;
    float: left !important;
    line-height: 60px;
    width: 50px;}
.fabu_img{background:url(../images/tx_bg.png) no-repeat;width: 64px;
    height: 64px; float:left;border-radius: 32px;overflow: hidden;}
	.fabu_img img{ width:100%; height:100%;}
.upload {
    position: absolute;
    z-index: 10;
    background: red;
    left: 0;
    top: 15px;
    width: 70px;
    height: 30px;
    border-radius: 5px;
	opacity:0;
}

.txsc  p{    width: 315px;
    float: left;
    line-height: 60px;
    font-size: 14px;
    color: #898989;}
.user_left {
    float: left;
    min-width: 800px;
    text-align: left;
    max-width: 800px;
	    margin-top: 20px;
		
}


.user_left i {
    width: 60px;
    text-align: left;
    float: left;
}

.user_left select {
    width: 280px;
    height: 30px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #898989;
}


select option{
width:150px;
height:30px;
line-height:30px;
font-size:14px;
}

/*------------------------------*/

.up_psd{ width:810px; height:250px;    float: left;}
.up_psd i {
    font-style: inherit;
    font-size: 14px;
    color: #898989;
    line-height: 30px;
    width: 100px;
    text-align: left;
    display: inline-block;
}
.up_psd ul li{ margin:20px; text-align:left;}
.qx{ width:70px; height:30px; color:#707070; background:#eeeeee;border-radius:5px;margin-right:5px;font-size: 14px;}
.bc{ width:70px; height:30px; color:#ffffff; background:#60aff6; border-radius:5px; font-size: 14px;}

hr {
    border-top: 1px solid #e5e5e5; margin-bottom:20px; margin-top:20px;
}
input:focus{ outline:0;}
button:focus{ outline:0;}

select:focus{ outline:0;}


/*******************站点*****************************/

.zhanjian_bg{ width:100%; min-height:630px; background:#eeeeee;}
.zhandian_container{ width:1000px; padding:15px; margin:0 auto; min-height:465px; background:#ffffff; border-radius:5px;}
.zhandian_xx{ height:55px; border-bottom:1px solid #eeeeee;}
.zhandian_xx p{ color:#707070; font-size:16px; font-weight:600; line-height:55px; text-align:left;}
.zhandian_content ul { margin-left:100px;}
.zhandian_content ul li{ margin:10px 30px; float:left;}
.zhandian_content ul li p{ color:#707070; font-size:14px; }
.zhandian_content ul li p a{ text-align:right; width:80px;  display: inline-block;}
.zhandian_content ul li input{height:35px; width:365px; border:1px solid #eeeeee; text-indent:5px;font-size:14px;}
.zhandian_content ul li span{margin:0px 25px; }
.zhandian_content ul .yum span{ background:#dcdcdc;height:35px; width:365px; display:inline-block; }
.zhandian_content ul .yum span i{ font-style:inherit; text-align:center !important;    padding: 0px 10px;    line-height: 33px;}
.zhandian_content ul .yum input{ width:170px; height:30px; background:#ffffff;    padding-top: 3px; font-size:14px;}

/*--------------框架--------------------------*/

.iframe_top{ width:100%; margin:0 auto; height:60px; background:#262626;}
.iframe_right{ float:right;}
.iframe_right_computer{width: 36px;height: 36px; float:left;margin-right:40px;}
.iframe_right_computer a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    background-color: #939393;
    margin-top: 12px;
    border-radius: 4px;
}
.iframe_right_computer a img{ width:20px; height:20px;}
.share{ float:left;    border-left: 1px solid #434343;    border-right: 1px solid #434343; padding:0px 10px;}
.share i{ font-size:14px; color:#fff; font-style:inherit;    line-height: 60px;}
.share a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #939393;
    margin: 0px 5px;
    display: inline-block;
    line-height: 30px;
}

.iframe_word{ float:left; margin:0px 5px; }
.iframe_word p{font-size:14px; color:#fff;  line-height: 60px;}

.iframe_mb{float: left;
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    border-left: 1px solid #434343;
    font-size: 14px;}



.iframe_mb  a{
    display: inline-block;
    padding: 4px 8px 3px;
    width: 100px;
    line-height: 30px;
    border-radius: 3px;
    background-color: #8EC960;
    text-align: center;
    font-size: 14px;
    color: #fff;
}


/*-------------------------*/

.add_case_iframe{ width:100%;  margin:0 auto;    height: 100%; position:absolute;}



/*----------------------站点管理-----------------------*/


.dashboard-topbar {
    clear: both;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.zd_manage_big ul li{ background:#fff;margin-bottom: 10px;}



.dashboard-topbar .dashboard-page-title {
    font-size: 14px;
    color: #3BAFDA;
	text-align: left;
    text-indent: 5em;
}


.zd_manage_big{
    clear: both;
    padding: 20px;
}

.site-list-topbar {
    clear: both;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
}

.site-list-topbar .site-name {
    font-size: 14px;
    font-weight: bold;
	text-align: left;
}

.site-list-topbar .site-name .label {
    font-weight: normal;
	background-color: #3BAFDA;
	margin-left: 10px;
}

.text-right {
    text-align: right !important;
}

.site-list-topbar .site-toolbar {
    display: inline-block;
    margin-top: 8px;
}

.site-list-topbar .site-toolbar .btn {
    font-size: 12px;
}

.site-list-container {
    padding-bottom: 10px;
}

.site-list-container .site-img {
    height: 104px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #E6E9ED;
    text-align: center;
    padding: 0;
    overflow: hidden;
	    margin-top: 20px;
}


.site-list-container .site-img img {
    margin-left: -9px;
    height: 100%;
}

.site-list-container .site-img-btn {
    margin-top: 5px;
    text-align: center;
}


.site-list-container .site-info {
    line-height: 1.5;
    font-size: 13px;
    color: #999;
	    padding-left: 50px;
}

.site-list-container .site-info p {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 30px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

/*----------------------站点管理- end----------------------*/
/*小媒体设备screen<1200px*/
@media screen and (max-width: 1200px) {
    .w1200{width: 100%;box-sizing: border-box;padding: 0 15px;}
    #wrap ul li{width:23%;margin:2px 1%;}
    #wrap ul li .a1 .divA,#wrap ul li .a1 .divA>.p1,#wrap ul li .a1 .divA>.p2,#wrap{width:100%}
    .inner_one_li{width:33%;margin-right: 0px;}
    .listnews{width: 45%;margin: 10px;}
    .head-v3{margin-left:20px;}
    .navigation-up .navigation-v3 li h2 a{padding:0 10px;}
    .newidc-top ul li{width:14.28%;}
    .pgi-1{width:14%;left: 0;}.pgi-2{width:16%;left:18%;}.pgi-3{width:33%;left:34%;}.pgi-4{width:33%;left:67%;}
    .footer_left{margin-left: 110px;}
}